<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>层叠性</title>
		<style>
			div {
				color: red;
				font-size: 20px;
			}
			div {
				color: blue;
			}
			/* 1、层叠的时候，只有相同的属性会被覆盖
			 覆盖的时候，后编译的代码会覆盖先编译的代码
			 或者理解成离我们的标签更近的代码才会生效
			 2、不相同的属性会被分别记录在自己的选择器中
			 但是样式不会被覆盖*/
		</style>
	</head>
	<body>
		<div>程序员的梦工厂</div>
	</body>
</html>